<script setup lang="ts">
import { ref } from 'vue'
import { Message } from './components'
import { Alert } from './components'

const title = ref('this is a message title')
const content = ref('this is a message content')

setTimeout(() => {
    title.value = 'this is a new message title'
    content.value = 'this is a new message content'
}, 3000)

</script>

<template>
    <Message :title="title" :content="content" />
    <Alert class="mt-4" />
</template>

<style scoped></style>
